/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,p,iframe {margin:0; padding:0; font-size:inherit;}
table {font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption {text-align:left;}
q:before,q:after {content:"";}
hr {display:none; font:0; line-height:0; font-size:0; text-indent:-999px;}
legend {display:inline; width:0px; height:0; position:absolute; top:-10px; font:0; line-height:0; font-size:0; text-indent:-999px; visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; line-height:1.4; font-size:100%;}
a, a code {color:#555; text-decoration:none;}
a:visited, a:visited code {color:#555; text-decoration:none;}
a:active, a:active code {color:#555; text-decoration:none;}
a:hover, a:hover code {color:#555; text-decoration:underline;}
img.image,input,textarea,select {font-family:dotum, AppleGothic, sans-serif; color:#555; font-size:12px; font-weight:inherit; vertical-align:middle;}
select {height:23px;}
input.text {padding:1px 0 0 5px; height:20px; line-height:1.1em; border:1px solid #d9d9d9; color:#555;}
input.password {padding:4px 5px 0 5px; height:17px; border:1px solid #c3c3c3; border-right-color:#e5e5e5; border-bottom-color:#e5e5e5; color:#555; font-size:11px;}
.selectbox_title_disabled, span.disabled, input.readOnly {background-color:#f1f1f1 !important; cursor:default !important;}
input.trance {border:0; background:transparent !important; padding:0; margin:-1px 0; height:auto; font-size:1em; color:#555;}
input.file {padding:5px 5px 0 5px; height:18px; color:#555; border:1px solid #d7d7d7 !important; vertical-align:top;}
input.radio {width:13px; height:13px;}
input.checkbox {margin-right:5px; width:13px; height:13px;}
input.fileHide {position:absolute; border:0; background:transparent; width:0; height:0;}
textarea {color:#555; padding:5px 5px 0 5px; line-height:1.4; border:1px solid #d7d7d7; overflow:auto;}
img.image,.hand {cursor:pointer;}
body {font:12px/1.3 "Dotum"; color:#555; background: #ebebeb;}
img {vertical-align:top;}




/* ============================= Layout Style ============================== */

#wrap { position: relative; width: 100%; min-width: 1200px; margin: 0; padding: 0; }
	
	/* header */
	#header { position: relative; width: 100%; height: 117px; background: url(../images/wrap_bg.gif) repeat-x; overflow: hidden;  }
		
		#logo { position: absolute; top: 18px; left: 24px; }
		
		#gnb { position: absolute; top: 28px; width:100%; margin: 0 auto; display: block; z-index: 1; }
			ul#topnav {	margin: 0 0 0 -200px; padding: 0; float: left; left: 50%; width: 100%; list-style: none; position: relative; }
			ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #bcbcbc; }
			ul#topnav li a { padding: 5px 20px; display: block;	color: #2f2f2f;	font-size: 14px; font-weight: bold;	text-decoration: none; }
			ul#topnav li a:hover { color: #009dbc; }

			ul#topnav li ul#subnav { display: none; margin: 0; padding: 0; float: left;	list-style: none; position: absolute; }
			ul#topnav li ul#subnav li {	float: left; margin: 0; padding: 0; border: none; }
			ul#topnav li ul#subnav li a { padding: 8px 8px;	display: block;	font-size: 11px; color: #666; text-decoration: none; }
			ul#topnav li ul#subnav li a:hover { color: #009ebb; }
			
			ul#topnav li ul#subnav li span { float: left; padding: 9px 0 0 0; position: fixed; left: 0; top: 84px; height: 24px; display: none; text-align: center; width: 100%; background: url(../images/gnb_3depth_bg.gif) repeat-x #009dbc;	color: #fff; }
			ul#topnav li ul#subnav li:hover span { display: block; }
			ul#topnav li ul#subnav li span a { display: inline; color: #fff; }
			ul#topnav li ul#subnav li span a:hover {text-decoration: underline; color: #ffe303; }
			
		#btn_area { position: relative; width: 94%; top: 92px; clear: both; margin: 0 auto; }
			.area1 { float: left; margin-left: 12px; }
			.area2 { float: right; margin-right: 12px; }
	

	
	
	/* container */
	#container { position: relative; width: 94%; min-height: 500px; overflow: hidden; border: 1px solid #e0e0e0; margin: 15px auto 0; padding: 30px; background: #fff; }
		
		/* main */
		#mcont1 { padding-top: 0px; padding-left: 12px; clear: both; width: 1200px; margin: 0 auto; }
			.mgraph1 { float: left; border: 1px solid #e0e0e0; margin-right: 12px; padding: 12px; border-radius:10px; -moz-border-radius:10px; }
			.mgraph1 h4 { font-size: 14px; font-weight: bold; color: #333; padding-bottom: 5px; border-bottom: 1px solid #efefef; }
			.mgraph1 h4 span { font-size: 12px; }

		#mcont2 { padding: 0px 0 0 0; padding-left: 12px; clear: both; width: 1200px; margin: 0 auto; }

		
		/* sub */
		#summary { border-bottom: 2px solid #515970; padding-bottom: 12px; }
			#summary_tt { font-size: 17px; font-weight: bold; letter-spacing: -.1em; float:left; margin-right: 40px; }
			#summary_tt span { font-size: 12px; }
		
		#cont1 { padding-top: 0px; clear: both; width: 100%; }
			.graph1 { float: left; border: 1px solid #e0e0e0; padding: 8px; border-radius:10px; -moz-border-radius:10px; }
			.graph2 { float: right; border: 1px solid #e0e0e0; padding: 8px; border-radius:10px; -moz-border-radius:10px; }
		
		#cont2 { padding: 0px 0 0 0; width: 100%; clear: both; }


	/* footer */
	#footer { position: relative; margin: 0 auto; font-size: 11px; text-align: center; height: 40px; }
		
		.copy_txt {}
		.copyright { font-family: arial; font-size: 9px; font-weight: bold; color: #999; margin-top: 10px; }
	






/* table */
.table1 { width: 100%; border-top: 2px solid #6c9ece; border-bottom: 2px solid #6c9ece; border-collapse: collapse; border-spacing: 0; }
.table1 th { padding-top: 5px; font-weight: bold; font-size: 12px; line-height: 180%; color: #fff; background: #75aee6; border-right: 1px solid #95bee7; border-bottom: 2px solid #6c9ece; }
.table1 td { font-size: 12px; color: #000; text-align: right; padding: 8px 12px 4px 0; border: 1px solid #fff; }
.table1 .tbFirst { border-right: 2px solid #95bee7; }


/* table color */
.green { background: #eff7e8; text-align: center !important; font-weight: bold; padding: 8px 0 4px 0 !important; }
.green1 { background: #e6e8eb; text-align: center !important; font-weight: bold; padding: 8px 0 4px 0 !important; }
.gray { background: #e6e8eb; }
.blue { background: #e1f7fe; }
.pink { background: #f3e8f3; }
.yellow { background: #fef0df; }